<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>FATEC-ZL Glossario Comex</title>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/maxheight.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="js/jquery.faded.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript">
	$(function() {
		$("#faded").faded({
			speed : 500,
			crossfade : true,
			autoplay : 10000,
			autopagination : false
		});
		$('#domain-form').jqTransform({
			imgPath : 'images/'
		});
	});
</script>
<!--[if lt IE 7]><script type="text/javascript" src="js/ie6_script_other.js"></script><![endif]-->
<!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
</head>
<body id="page1" onLoad="new ElementMaxHeight();">
	<!-- START PAGE SOURCE -->
	<div class="tail-top">
		<header> <br />
		<div class="container">
			<div class="header-box">
				<div class="left">
					<div class="right">

						<h1>
							<a href="index.jsp"><span>COMEX</span> FATEC ZL</a>
						</h1>
					</div>
				</div>
			</div>
			<span class="top-info"></span>
			<form action="login" method="post" id="login-form">
				<fieldset>
					<jsp:include page="login.jsp" />

				</fieldset>
			</form>
		</div>
		</header>

		<section id="content">
		<div class="container">

			<div class="inside1">
				<div class="wrap row-2">
					<article class="col-1"> <c:set var="alphabet"
						value="A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z" />
					<table>
						<tr>
							<td><h3>Busca Termos</h3></td>
						</tr>
						<c:forTokens var="letter" items="${alphabet}" delims=",">
							<tr>
								<td align="center">${letter}</td>
							</tr>
						</c:forTokens>
					</table>
					</article>
					<article class="col-2">
					<div class="extra-wrap">
						<h2>Glossário Comércio Exterior</h2>
						<p>Projeto proposto pela Professora Rosana Novais para a
							disciplina de Inglês III e IV do curso de Comércio Exterior da
							Fatec Zona Leste</p>
						<p>Para consultar os termos cadastrados, selecione a letra
							inicial no menu à esquerda</p>
					</div>
					</article>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>
	</section>
</body>
</html>